<template>
   <page-meta :page-style="$theme.pageStyle">
    <!-- #ifndef H5 -->
    <navigation-bar
        :front-color="$theme.navColor"
        :background-color="$theme.navBgColor"
    />
    <!-- #endif -->
  </page-meta>

  <page-bg></page-bg>
  <u-navbar
      :safeAreaInsetTop="false"
      :placeholder="false"
      :is-back="true"
      :is-fixed="true"
      :title="$theme.title"
      :border-bottom="false"
      :title-bold="true"
      :title-color="'#111111'"
      :background="{ background : navBg }"
  >
  </u-navbar>
  <view class="page">
    <!-- 成功图标 -->
    <view class="success-container">
      <view class="success-icon">
        <image src="../../../static/new/zxsSHSB.png" class="icon-img" mode="aspectFit"></image>
      </view>
      <view class="success-title">提交成功</view>
      <view class="success-desc">请耐心等待审核</view>
    </view>

    <!-- 操作按钮 -->
    <view class="action-buttons">
      <view class="btn-outline" @click="goToRecord">查看记录</view>
      <view class="btn-primary" @click="goBack">返回</view>
    </view>
  </view>
</template>

<script>
export default {
  name: 'WithdrawSuccess',
  props:{
    module:{
      default:"",
      type:String,
      required:true
    }
  },
  methods: {
    goToRecord() {
      uni.redirectTo({ 
        url: `/packages/pages/${this.module}/withdraw/index`
      })
    },
    goBack() {
      uni.navigateBack()
    }
  }
}
</script>

<style scoped>
.page {
  min-height: 100vh;
  background: #f5f5f5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40rpx;
}

/* 成功容器 */
.success-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 80rpx;
}

.success-icon {
  width: 300rpx;
  height: 300rpx;
  margin-bottom: 40rpx;
}

.icon-img {
  width: 100%;
  height: 100%;
}

.success-title {
  font-size: 48rpx;
  font-weight: 700;
  color: #333;
  margin-bottom: 20rpx;
}

.success-desc {
  font-size: 28rpx;
  color: #999;
}

/* 操作按钮 */
.action-buttons {
  width: 100%;
  display: flex;
  gap: 20rpx;
}

.btn-outline {
  flex: 1;
  height: 88rpx;
  border-radius: 44rpx;
  border: 2rpx solid #ff2aa6;
  color: #ff2aa6;
  font-size: 32rpx;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}

.btn-primary {
  flex: 1;
  height: 88rpx;
  border-radius: 44rpx;
  background: linear-gradient(90deg, #ff8fe5, #ff5acf);
  color: #fff;
  font-size: 32rpx;
  font-weight: 700;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 8rpx 24rpx rgba(255, 90, 207, 0.3);
}
</style>
